<template>
  <div>
    <p>{{post.head}}<span style="margin-left: 20px;font-size: 10px;color: gray">{{post.time}}</span></p>
    <p style="height: 20px;overflow: hidden;font-size: 12px">{{post.context}}</p>
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name: "ListItem",
    props:['post'],
    data(){
      return{
        // post:'' prop>data
      }
    }
  }
</script>

<style scoped>

</style>
